html,
body {
  scroll-behavior: smooth;
  /* height: 100vh; */
  /* min-height: 100%; */
}
.params_table tr:hover {
  opacity: 1;
}

dd[class="code-block"] {
  width: 800px;
}

div[id="grid"] {
  display: grid;
  max-width: 414px;
  outline: 2px dotted greenyellow;
  background: #e4d6ba;
  background-size: 100%;
  margin: 1em 0;
  /*
  ** 划分网格区域
   */
  /* fr计算需要的剩余空间尺寸是grid容器的宽度减去“固定宽度、宽auto”这几个字符的宽度 */
  /* 优先级： 固定宽度 > auto > 0.25fr */
  /* (容器宽度 - ““固定宽度、宽auto””字符宽度) * 0.25 */
  /*
  ** 划分网格区域
   */
  /* grid-template-columns: 80px auto 100px;
    grid-template-rows: 25% 100px auto 60px; */
  /*
  ** 划分网格区域
   */
  /* 单线命名 */
  grid-template-columns: [第一根纵线] 80px [纵线2] auto [纵线3] 100px [最后的结束线];
  grid-template-rows: [第一行开始] 25% [第一行结束] 100px [行3] auto [行4] 60px [行末];
  /*
  ** 划分网格区域
   */
  /* 双线命名 */
  /* grid-template-columns: [第一根纵线] 80px [第1根纵线结束 第2根纵线开始] auto [第2根纵线结束 第3根纵线开始] 100px [最后的结束线]; */
  /*
  ** 划分网格区域
   */
  /* repeat语法 */
  /* grid-template-columns: repeat(1, 80px [col-start]) auto repeat(1, 100px [col-end]); */
  /*
  ** 划分网格区域
   */
  /* grid-template-areas: "<grid-area-name> | . | none | ..." */
}

.grid > div[class^="grid-"] {
  outline: 1px dotted;
  /* background-color: hsla(0, 0%, 100%, 0.6); */
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

div[class*="grid-radio"] {
  background-color: #e4d6ba;
  width: fit-content;
}

div[class="sticcky"] {
  /* display: unset; */
  position: -webkit-sticky;
  position: sticky !important;
  top: 0;
}

div[class="container-2"]:hover {
  cursor: move;
}

div[class="container-2"]:active {
  cursor: move;
}

div[id="gridAutoFlow"] {
  display: grid;
  background-color: rgb(197, 247, 185);
  grid-template: 1fr 1fr 1fr/1fr 2fr 2fr 1fr 2fr;
}
.item-a {
  background-color: coral;
  grid-column: 1;
  grid-row: 2 / 4;
}
.item-b {
  grid-row: 1 / 3;
  background-color: yellow;
}
.item-c {
  background-color: red;
}
.item-d {
  background-color: yellowgreen;
}
.item-e {
  background-color: aqua;
}

div[class="gird-item-self"] {
  background-color: cornflowerblue;
}
